/*public css*/
body{
    font-family: '微软雅黑' !important;
    position: relative;
    font-size: 14px;
    width:100%;
    min-width: 1200px;
    margin: 0 auto;
}

p::selection,h4::selection,p *::selection,h2::selection,h3::selection,h4 a::selection,.sub-categoryies a::selection,table *::selection{
    color:white;
    background-color:#8fc320;

}



.wechat_container{
    position: fixed;
    right:0;
    top:150px;
    /*width:150px;*/
    /*height:315px;*/
    z-index:999999;
}

.wechat_media h4{
    color:white;
}

.wechat_code_box{
    position: relative;
    right: -165px;
    top: 15px;
    width:150px;
    height: auto;
    z-index:999997;

}

.wechat_box_shadow{
    -webkit-box-shadow: -5px 5px 30px rgba(51,51,51,.5);
    -moz-box-shadow: -5px 5px 30px rgba(51,51,51,.5);
    box-shadow: -5px 5px 30px rgba(51,51,51,.5);
}
.wechat_btn:hover{

}
.wechat_btn{
    z-index:999998;
    width:50px;
    height:auto;
    position: relative;
    right:-90px;
    top:0;
    text-align: center;
    background-color: #FFFFFF;

}
.wechat_btn h5{
    margin:0 auto;
    padding: 5px 0;
    width:40px;
}
.wechat_btn img{
    width:100%;
    height:auto;
}
.wechat_code{
  width:100%;
    height:auto;
}
#newBridge .icon-right-center{
    top:70%;
}
.swiper-button-prev,.swiper-button-next{
    background:none;
    color:#8fc320;
    font-size:20px;
    text-shadow: 2px 2px 5px #333;
}
.keywords li{
    display: inline-block;
}
.keywords li+li{
    margin-left:10px;
}
.slogan{
    margin-left:20px;
}
.slogan p{
    font-size:30px;
    color:red;
}
.tels{
    position:relative;
}
.tels .tel-label{

    font-size: 19px;
}
.tels .tel-numbers{
    position:relative;

    font-size: 26px;
    animation-name: pp;
    animation-duration:4s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
@keyframes pp {
    0%{color:pink;text-shadow: 2px 2px 10px  pink}
    30%{color:orangered;text-shadow: 2px 2px 10px  orangered}
    70%{color:rebeccapurple;text-shadow: 2px 2px 10px  rebeccapurple}
    100%{color:dimgrey;text-shadow: 2px 2px 10px  dimgrey}
}
.keywords{
    padding: 10px 0;
    background-color: #f2f2f2;
}
.keywords ul{
    margin-bottom: 0;
}
.hot-line,.slogan{
    padding: 10px 0;
}
.hot-line p{
    margin-bottom:-5px;
}
.container{
    width:1200px;
}
.clear{ clear:both}
.sub-categoryies{
    margin-bottom: 15px;
}
.sub-categoryies li{
    display: inline-block;
    width:50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 5px;
}
.sub-categoryies li a{
    padding: 5px;
}

.xcl-title{
    text-align: center;
    padding-bottom: 30px;
}
.xcl-title h3{
    margin:0;
}
.xcl-banner{
    width:100%;
    max-width: 1920px;
    margin: 0 auto;
    height:auto;
    display: block;
    margin-bottom: 25px;
}
.glyphicon-send,.glyphicon-phone-alt,.glyphicon-earphone,.glyphicon-envelope{
    margin-right: 15px;
}
.foot-navs{
    text-align: center;
    line-height: 25px;
}
.navbar{
    height:80px;
    border: 0;
    margin: 0;
    padding: 10px 0;
}
.default-bg-color{
    background-color: #8fc320 !important;
}
.breadcrumb{
    padding: 15px 0;
}
.navs{
    margin-top:20px;
    margin-bottom:20px;
}
.navs .nav-pills a{
    color:#333;
}
.navs .nav-pills a:hover{
    background-color: #8fc320 !important;
    color:white !important;
}
.breadcrumb>li+li:before{
    padding: 0 20px;
}
.active>a{
    background-color: #8fc320 !important;
}
.navbar-header a{
    display: block;
}
.navbar-header{
    /*padding: 10px 0;*/
}
.footer{
    color:white;
    padding: 70px 0;
}
.content-title{
    margin-bottom:35px;
}
.footer .row img{
    width:100%;
    height: auto;
}
.footer .text-span{
    font-size:12px;
}
.footer a{
    color:white;
}
@media (max-width: 768px){
    .xcl-nav {
        float:right !important;
    }

}
.xcl-nav>li {
    float:left !important;
}
.xcl-nav>li>a{
    color: #777;
    padding:30px !important;
}
.xcl-nav>li>a:hover{
    background-color: #8fc320;
    color: white;
}
.make-space{
    margin: 40px 0;
}
ul{
    padding-left: 0;
    list-style-type: none;
}
/* swiper css */
.swiper-pagination-bullet{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.swiper-pagination-bullet-active{
    background-color: #8fc320;
    padding: 5px 5px;
}
.swiper-carousel{
    width:100%;
    max-width: 1920px;
    margin: 0 auto;
}
.swiper-carousel img{
    width:100%;
    height:auto;
}
.red{
    color:red !important;
    font-size:20px;
}
/* index page css */

/* indx page news list css */
.index-news-list h4{
    font-weight: bold;
}
.index-news-list .news-url{
   font-size:14px;
}
.default-font-color{
    color:#8fc320;
}
.index-news-list{
    height: 90px;
    overflow: hidden;
}
.index-news-list .media *{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index-product-center{

    margin-top:20px;
    margin-bottom:20px;
}
.index-product-center img{
    width: 100%;
    height: auto;
    display: block
}
.product-title-ul{
    text-align: center;

}

.product-title-ul li{

    width:275px;
    display: inline-block;
}
.product-title-ul li h3{
    margin-top:0;
    padding: 0 20px;
}
/*index page eng css*/
.index-eng-list{
    width:1200px;
}
.index-eng-center{
   background-image: url('../img/engbg.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: 100%;
    padding: 100px 0;
    margin: 15px 0;
}
/*index page cooperation css*/
.cooperation-box{
    float:left;
    width:20%;
    padding-left: 15px;
    padding-right: 15px;
}
.index-cooperation{
    text-align: center;
}
/* product page css*/
.breadcrumb{
    background-color: white;!important;
    border-bottom:1px solid #e2e2e2;
    border-radius: 0;
    color:#6b6b6b;
}
.breadcrumb a{
    color:#6b6b6b;
}
.product-categories-title{
    border-left:3px solid #8fc320;
    border-bottom:3px solid #333;
    border-right:3px solid #333;
    border-top:3px solid #8fc320;
    margin-bottom:15px;
    padding: 8% 30%;
    width:100%;
    height:80px;
    border-radius:5px;
    /*background-color: #8fc320;*/
}
.product-categories-title-h{
    font-size:20px;
    margin:0;
    padding: 5px 0 5px 10px;

}
.category-ul li h4{
    margin-top:0;
    padding: 4px;
    border-bottom:1px solid #8fc320;
}
.product-categories{
}
.product-categories .sub-categoryies a{
    color:#777777;
}
.product-categories h4 a{
    color:#333;
    font-weight:bold;
}
/*.product-categories li:last-child{*/
    /*border-bottom: none;*/
/*}*/
.product-categories .form-inline input[type="text"]{
    width:100%;
}
.form-control:focus{
    border-color: #8fc320;
    webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(142,195,32,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(142,195,32,.6);
}

.product-page{
    margin-bottom:35px;
}
.search-box .form-group{
width:74%;
margin-right:1%;
}

.search-box button[type="submit"]{

    width: 25%;
    background-color: #8fc320;
    color: white;
}
.product-box{
    margin-bottom: 25px;
}
.product-box a{
    color:#777;
    font-size:12px;
}
.product-box img{
    width: 100%;
    height: 200px;
}

.product-content-box .product-img img{
    display: block;
    width: 100%;
    height: auto;
}
.product-content-box p{
    line-height: 25px;
}
.product-info .product-title{
    font-size:20px;
}
.product-info-title{
    padding: 10px 10px;
    border-left:3px solid #8fc320;
    border-bottom: 1px solid #8fc320;
    color:#333;
}

/*news page css*/
.news-nav-ul li{
    padding: 5px 10px;
    text-align: center;
    display: inline-block;
    border-right:1px solid #e6e6e6;
}
.news-nav-ul li:last-child{
    border-right:none;
}
.news-list .media-object{
    width: 200px;
    height: 200px;
}
.news-nav-ul>li>a{
    color:#8fc320;
}
.news-nav-ul>li>a:hover{
    text-decoration: none;
    color:white;
    background-color: #8fc320;
}
.news-nav-title{
    padding: 25px 0;
}
.news-nav-title h3{
    margin-top:0;
}
.news-nav-title p{
    color:#a7a7a7;
    font-size:18px;
}
.news-nav-ul li{
    margin-top:15%;
    line-height: 25px;
}
.offset{
    margin-left: 38.33333333%;
}
.col{
    float:left;
    width:20%;
}
.pager li a.news_link:hover{
    background-color:#8fc320 !important;
    color:white !important;

}
.pager li a{
    color:#333 !important;
}
.news-nav{
    border-bottom:1px solid #e2e2e2;
    margin-bottom:35px;
}
.news-list-content .media{
    margin-bottom:25px;
    padding-bottom: 25px;
    border-bottom:1px dashed #e2e2e2;
}

.news-list-content .news-title a{
    mso-print-color:yes;
    color: black;
}
.news-list-content .news-excerpt{
    color: #7f7f7f;
    line-height: 25px;
}
.news-list-content a.news-url{
    color:#8fc320;
    font-size:12px;
}
.news-page-content .news-title-info{
    padding: 25px 0;
    margin-bottom: 40px;
}
.news-page-content .news-title-info{
    text-align: center;
}
.news-page-content .news-title-info .news-author,.news-page-content .news-title-info .news-date,.news-page-content .news-title-info .news-source,.news-page-content .news-title-info .news-author{
    font-size:12px;

}
.jumbotron-description .news-excerpt{
    font-size:18px !important;
    line-height:30px !important;
}
.border-bottom{
    border-bottom: 1px solid #e2e2e2;
}
.news-page-content .news-paragraphs h5{
    font-weight:bolder;
    font-size:17px;
    padding-left:10px;
    border-left:3px solid #8fc320
}
.news-page-content .news-paragraphs .jumbotron-img{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

}
.news-page-content .news-paragraphs .jumbotron-description {

    color:white;
    width:50%;
    text-shadow: 0px 2px #333;
}

.news-page-content .news-paragraphs p{
    font-size:16px;
    text-indent: 2em;
    line-height: 25px;
}
.news-paragraphs img{
    max-width:550px;
    width:100%;
    height:auto;
}
.news-page-content{
    margin-bottom:25px;
}

.about-page-container .media{
    margin-bottom:35px;
}
.about-page-container .media .media-heading{
   font-size:22px;
}
.about-page-container .media p{
    line-height:25px;
}
.form-control-head{
    border-left:4px solid #8fc320;
    padding: 10px 0 10px 10px;
    margin-bottom: 25px;
}

.form-control-head .message-title{
    margin:1% 0;
}
.form-control-head .message-botton{
    display:block;
    padding: 5px;
    background-color: #8fc320;
    color:white;
    border:0;
}
.contact-form{

    margin-bottom:35px;
}

.contact-form .form-group label{
    margin-right:20px;
}
.contact-form .customer_message{
    height:200px;
    width:100%;
    margin-top:15px;
}

.qh-page-container .qh-img img{
    width:100%;
    height: auto;
    display: block;
}
.qh-page-container .qh-img{
    margin-bottom:25px;
}
.block-img{
    width:100%;
    height: auto;
    display: block;
    margin-bottom: 25px;
}
/* index-eng-center css */
.index-eng-center .xcl-title{
    color:#333;
}
.index-eng-center img{
    width: 100%;
    height: 250px;
}
.index-eng-center h4 span{
    font-size:14px;

}

 .index-eng-center .eng-title{
     color:white;
     text-align: center;
     padding: 5px 10px;
     background-color: #8fc320;
 }
.index-eng-center h4 span{
    float:left;

}
.index-eng-center h4 a{
    float: right;
    color:#777;
    font-size:12px;
}

.index-reasons img{
    width:100%;
    height:auto;
}
.reason-title{
    font-size:20px;
    margin-left:10px;
    color:white;
    margin-right:15px;
}
.reason-title-text{
    line-height: 30px;
    font-size:18px;
    font-weight:bold;
}
.reason-text-container h3{
    background-position: left;
    padding-bottom: 3px;
    background-size: 80%;
    background-repeat: no-repeat;
    background-image: url('../img/accc.png');
}
.gobig{
    padding: 10px 18px;
    background-color: #8fc320;
    color: white;
    font-size: 25px;
    border-radius: 30px;
    margin:0 5px;
}
.index-reasons .reason-texts{
    padding-left: 15px;
    list-style-type: circle !important;
    font-size: 18px;
}
.index-reasons .row{
    margin-bottom: 20px;
}
.after_sell{
    padding: 10px 0;
    background-color: #f2f2f2;
}
.after_sell img{
    width:100px;
    height:auto;
}
.after_sell h4{
    font-weight:bold;
}
.comment-box{
    position: relative;
    margin-bottom:20px;
}
.index-comment .comment-box-one{
    font-weight:bold;
    color:white;
    text-align: center;
    background-color: #8fc320;
    padding: 5% 0;
}
.index-comment .comment-box-one h4{
    font-weight:bold;
}

.index-comment .comment-box-one,.index-comment .comment-box-three{
    width:270px;
    overflow: hidden;
}
.index-comment .comment-ul{
    margin: 10px 0;
}
.index-comment .comment-ul li{
    float:left;
    width:228px;
}
.comment-ul li img{
    width:100%;
    height:auto;
}
.index-comment .comment-box-three img{
    width:100%;
    height:auto;
}
.index-comment .comment-box-one,.index-comment .comment-box-three,.index-comment .comment-box-two{
    height:150px;
}
.index-comment .comment-box-two{
    width:630px;
    padding: 10px;
    border-bottom:1px solid #8fc320;
    border-top:1px solid #8fc320;
}
.comment-box-two .boxtwohead{
    font-weight:bold;
}
.index-comment{
    position: relative;
}
.index-comment img{
    width: 100%;
    height:auto;
}
.index-comment .arrows-bottons{
    position: absolute;
    bottom:0;
    width:100px;
    z-index:99;
    text-align: center;
    left:48%;
    right:48%;
}
.index-comment .arrows-bottons span{
    width:50%;
    height: auto;
}
/*index-slogan css */


.index-slogan p{

}
.index-slogan p .glyphicon-earphone{
    border-radius:10px;
}
.index-slogan-box{
    position:relative;
    color:white;
}
.index-slogan-box img{
    width:100%;
    height:auto;
}
.index-slogan-box p{
    margin:0;
    position: absolute;
    bottom: 16px;
    left: 183px;
}
/*index-about*/
.index-about img{
    width:100%;
    height: auto;
}
.index-about p{
    text-indent: 2em;
    line-height: 25px;

}
/*some-imgs*/
.some-imgs ul{
    width:304px;
    border:1px solid #8fc320;
}
.some-imgs ul li{
    padding: 15px;
    display: inline-block;
    border-right: 1px solid #8fc320;
    text-align: center;
}
.some-imgs ul li:last-child{
    border:0 none transparent;
}
.some-imgs img{
    width:100%;
    height:auto;
}

/*customer*/
.panel-success{
    min-height: 428px;
}
.panel-success>.panel-heading{
    background-color: #8fc320;
    color:white;
}

/*index news*/
.indexnews .news-author,.indexnews .news-date{
    font-size:14px;
    color:#ccc;
    margin-right:10px;
}
.indexnews .news-content{
    border-bottom:1px solid #d7d7d7;
    margin-bottom:8px;
}
.news-content .news-url{
    font-size:12px;
    color:#8fc320;
}
.indexnews .news-content *{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-lists:nth-child(2){
    padding-top: 1px;
}
.last-news img{
    width:100%;
    height:200px;
}
.last-news .news-content{
    color:white;
    background-color: #333;
    padding: 15px;
}
.indexnews .news-content:last-child{
    border-bottom:0;
}
.news-content h4{
    font-weight:bold;
}
.news-type ul li{
    display: inline-block;
}
.news-type span{
    color:white;
}
.news-type{
    border-radius:5px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background-color: #8fc320;
}
.news-type a{
    display: block;
    color:white;
}
.news-type ul{
    margin:0;
}
.news-type ul li a:first-child{
    margin-left: 0;
}
.news-type ul li a{

    margin: 0 20px;
}
.eng-text-container{
    width:100%;
    max-width: 1000px;
    margin: 0 auto;
}
.eng-text-container .page-header{
    text-align: center;
}
.eng-text-container .page-header .eng-date{
    font-size:12px;
    color:#777;
}
.eng-text-container img{
    max-width: 100%;
    width:100%;
    height: auto;
}

/*search page css*/
.product-block img{
    width:100%;
    height: auto;
}
.product-block{
    margin-bottom: 15px;
}

/* about page css*/
.about-feature{
    margin-top:50px;
}